<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<!-- 加载板块列表 -->
<sql:query var="oneLevel" dataSource="${db}">
	select * from bus.dbo.wx_plates order by plates_order_no
</sql:query>

<!DOCTYPE HTML>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en" class="no-js">
	<!--<![endif]-->

	<!-- BEGIN HEAD -->
	<head>

		<meta charset="utf-8" />

		<title>发帖</title>

		<meta content="width=device-width, initial-scale=1.0" name="viewport" />

		<meta content="" name="description" />

		<meta content="" name="author" />

		<!-- BEGIN GLOBAL MANDATORY STYLES -->

		<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	
		<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	
		<link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	
		<link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
	
		<link href="media/css/style.css" rel="stylesheet" type="text/css"/>
	
		<link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	
		<!-- <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/> -->
	
		<link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
	
		<!-- END GLOBAL MANDATORY STYLES -->
	
		<!-- BEGIN PAGE LEVEL STYLES -->
	
		<link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
	
		<link rel="stylesheet" href="media/css/DT_bootstrap.css" />
	
		<link rel="shortcut icon" href="image/favicon.ico" />

	</head>

	<!-- END HEAD -->

	<!-- BEGIN BODY -->

	<body class="page-header-fixed">

		<!-- BEGIN PAGE CONTENT-->

		<div class="row-fluid">

			<div class="span12">

				<!-- BEGIN EXAMPLE TABLE PORTLET-->

				<div class="portlet box blue">

					<div class="portlet-title">

						<div class="caption">
							<i class="icon-edit"></i>添加/修改/删除 板块
						</div>

						<div class="tools">

							<a href="javascript:;" class="collapse"></a>

							<a href="#portlet-config" data-toggle="modal" class="config"></a>

							<a href="javascript:;" class="reload"></a>

							<a href="javascript:;" class="remove"></a>

						</div>

					</div>

					<div class="portlet-body">

						<div class="clearfix">

							<div class="btn-group">

								<button id="sample_editable_1_new" class="btn green">
								
									Add New
									<i class="icon-plus"></i>

								</button>

							</div>

							<div class="btn-group pull-right">

								<button class="btn dropdown-toggle" data-toggle="dropdown">
									Tools
									<i class="icon-angle-down"></i>

								</button>

								<ul class="dropdown-menu pull-right">

									<li>
										<a href="javascript:window.print();">Print</a>
									</li>

									<li>
										<a href="#">Save as PDF</a>
									</li>

									<li>
										<a href="#">Export to Excel</a>
									</li>

								</ul>

							</div>

						</div>

						<table class="table table-striped table-hover table-bordered"
							id="sample_editable_1">

							<thead>

								<tr>

									<th>
										板块ID
									</th>
									
									<th>
										板块排序号<font color="red" style="font-size: 11px;">（必填）</font>
									</th>

									<th>
										板块名称<font color="red" style="font-size: 11px;">（必填）</font>
									</th>

									<th>
										链接calss样式名称
									</th>

									<th>
										font calss样式名称
									</th>

									<th>
										板块链接
									</th>

									<th>
										Edit/Save
									</th>

									<th>
										Delete/Cancel
									</th>

								</tr>

							</thead>

							<tbody>
								<c:forEach items="${ oneLevel.rows }" var="oneL">
								<tr class="">

									<td>
										${ oneL.plates_id }
									</td>
									
									<td>
										${ oneL.plates_order_no }
									</td>
									
									<td>
										${ oneL.plates_name }
									</td>

									<td>
										${ oneL.plates_href_class }
									</td>

									<td>
										${ oneL.plates_font_class }
									</td>

									<td class="center">
										${ oneL.plates_url }
									</td>

									<td>
										<a class="edit" href="javascript:;">Edit</a>
									</td>

									<td>
										<a class="delete" href="javascript:;">Delete</a>
									</td>

								</tr>
								</c:forEach>

							</tbody>

						</table>

					</div>

				</div>

				<!-- END EXAMPLE TABLE PORTLET-->

			</div>

		</div>

		<!-- END PAGE CONTENT -->

		<!-- BEGIN CORE PLUGINS -->

		<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

		<script src="media/js/jquery-migrate-1.2.1.min.js"
			type="text/javascript"></script>

		<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

		<script src="media/js/jquery-ui-1.10.1.custom.min.js"
			type="text/javascript"></script>

		<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

		<!--[if lt IE 9]>

		<script src="media/js/excanvas.min.js"></script>
	
		<script src="media/js/respond.min.js"></script>  
	
		<![endif]-->

		<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

		<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>

		<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>

		<script src="media/js/jquery.uniform.min.js" type="text/javascript"></script>

		<!-- END CORE PLUGINS -->

		<!-- BEGIN PAGE LEVEL PLUGINS -->

		<script type="text/javascript" src="media/js/select2.min.js"></script>

		<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>

		<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>

		<!-- END PAGE LEVEL PLUGINS -->

		<!-- BEGIN PAGE LEVEL SCRIPTS -->

		<script src="media/js/app.js"></script>

		<script src="media/js/table-editable.js"></script>

		<script>

		jQuery(document).ready(function() {       

		   App.init();

		   TableEditable.init();

		});

	</script>

		<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script>
	</body>

	<!-- END BODY -->
</html>